<!--
 * @Author: zhang gen yuan
 * @Date: 2021-05-17 15:59:07
 * @Descripttion: 
-->
<template>
  <div class="drawer">
    <el-drawer
      :title="title"
      :visible.sync="drawer"
      :direction="direction"
      :wrapperClosable="false"
      :show-close="false"
      size="40%"
    >
      <slot></slot>
    </el-drawer>
  </div>
</template>

<script>
export default {
  name: "MyDrawer",
  props: {
    title: {
      type: String,
      default: "新增",
    },
    drawer: {
      type: Boolean,
      default: false,
    }
  },
  data() {
    return {
      direction: "rtl",
    };
  },
};
</script>

<style lang="scss" soped>
.drawer {
}
</style>